﻿@model IEnumerable<Fcom.VNInsurance.Web.Models.CPInfo>
@{
    
    var LangCat = (Fcom.VNInsurance.Web.Models.ProductCatLang)ViewBag.LangCat;
    var LangProduct = (Fcom.VNInsurance.Web.Models.ProductLang)ViewBag.LangProduct;
    var CurrentLang = (Fcom.VNInsurance.Web.Models.Language)ViewBag.CurrentLang;
    Layout = "~/Views/Shared/_0311layout.cshtml";
    var i = 1;
}
<style>
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: #fff url("/Content/images/h30.png") repeat-x 0 0;
        height: 20px;
        width: 20px;
        top: -10px;
        position: absolute;
        display: block;
        margin-top: 1px;
        border: 1px solid #000;
        cursor: move;
        box-shadow: 0 0 6px #000;
        -moz-box-shadow: 0 0 6px #000;
        -webkit-box-shadow: 0 0 6px #000;
        border-radius: 14px;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        margin-left: -.6em;
    }
    .amount, .years, .amout_per_mount {
    display: inline-block;
    width: 210px;
    height: 15px;
    padding: 4px;
    font-size: 15px;
    line-height: 17px;
    color: #555;
    background-color: white;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 3px;
    margin-left: 20px;
}

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        background: #fff url("/Content/images/h30.png") repeat-x 0 0;
        height: 20px;
        width: 20px;
        top: -10px;
        position: absolute;
        display: block;
        margin-top: 1px;
        border: 1px solid #000;
        cursor: move;
        box-shadow: 0 0 6px #000;
        -moz-box-shadow: 0 0 6px #000;
        -webkit-box-shadow: 0 0 6px #000;
        border-radius: 14px;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        margin-left: -.6em;
    }
    .slider1 {
        background: #144060 !important;
        height: 7px !important;
        position: relative;
        cursor: pointer;
        border: 1px solid #333 !important;
        width: 280px !important;
        float: left !important;
        clear: right !important;
        margin-top: 10px !important;
        margin-bottom: 30px !important;
        border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        box-shadow: inset 0 0 8px #000 !important;
        -webkit-box-shadow: inset 0 0 8px #000 !important;
    }
</style>
<script>
    function number_format(number, decimals, dec_point, thousands_sep) {

        var n = number, c = isNaN(decimals = Math.abs(decimals)) ? 2 : decimals;
        var d = dec_point == undefined ? "," : dec_point;
        var t = thousands_sep == undefined ? "." : thousands_sep, s = n < 0 ? "-" : "";
        var i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", j = (j = i.length) > 3 ? j % 3 : 0;

        return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
    }
    $(function () {
        var lang = $("#CurrentLangCode").html();
        var val_month = 0;

        $("#slider_amount").slider({
            value: 50000000,
            min: 10000000,
            max: 200000000,
            step: 10000000,
            slide: function (event, ui) {
                $("#amount-currency").val($("#slider_amount").slider("value"));
            }
        });
        $("#amount-currency").val($("#slider_amount").slider("value"));
    });
    $(document).ready(function () {
        var lang = $("#CurrentLangCode").html();
        if (lang == "vi-VN") {

            $("#amount-currency").change(function () {
                var a = $(this).val().replace(".", "").replace(".", "");
                $("#amount-currency").val(number_format(a, 0, ",", "."));
            });
        }
        else
        {

        }

        $("#tbcompare th").click(function () {
            $('.nexttr').hide();
        });

    });
    $(function () {
        $("#tbcompare").tablesorter({ headers: { 5: { sorter: false }, 1: { sorter: false }, 2: { sorter: false } }, widthFixed: true, widgets: ['zebra'] });
    });

    function viewmore(link) {
        var href = $(link).attr('href');
         
        $(href).insertAfter($(link).parent().parent()).toggle().find('.more-info-wrapper').fadeIn('slow');
        if ($(link).attr("rel") == "") {
            $(link).text("@Fcom.VNInsurance.Web.LangResource.Layout.lblToSmall");
        }
        else {
      
            $(link).html("@Fcom.VNInsurance.Web.LangResource.Layout.lblMoreinfo");
        }
        return false;
    }

</script>
<div class="container">
    <ul class="breadcrumb" style="margin-bottom: 0px !important">
        <li><a href="@Url.Action("Index", "Home")">@Fcom.VNInsurance.Web.LangResource.Layout.lblHome</a></li>
        <li><a href="@Url.Action("Index", LangCat.ProductCat.CatName)">@LangCat.DisplayName</a></li>
        <li class="active">@LangProduct.DisplayName</li>
    </ul>
    <div style="clear: both"></div>
    <div class="top_slider container" id="afocus">
        <div class="col-lg-7" style="padding-top: 10px; font-weight: bold;">
            @Fcom.VNInsurance.Web.LangResource.ContactLayout.lblComapreMaket
        </div>
        <div class="col-lg-4">
            <ol class="top_bar">
                <li><a class="active" id="show_div"><span style="font-weight: bold;">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblinfomation</span></a> </li>
                <li><a class="bar_2_active"><span>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblcomparison</span></a></li>
                <li><a class="bar_3"><span>@Fcom.VNInsurance.Web.LangResource.Layout.lblPolicy</span></a></li>
                <li style="width: 70px !important;"><a class="bar_4"><span>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblfinish</span></a></li>
            </ol>
            <div style="clear: both"></div>
        </div>
        <div style="clear: both"></div>
    </div>
</div>
<div class="container" style="margin-top: 10px">
    <h3 style="padding-left:20px;">Bạn muốn số tiền bảo hiểm bao nhiêu ?</h3>
<div id="amount-wrapper" style="padding-left:20px;">
                        <div class="slider1" id="slider_amount">
                            <div class="progress"></div>
                        </div>
                        <input type="text" style="width: 75px;" class="amount" name="amount" rel="200" id="amount-currency" /><span id="currency-symbol" class="suffix"> VND</span>
                    </div>
                    <div class="clear"></div>
</div>
<div class="container" style="margin-top: 10px">
    <table class="table product-table" id="tbcompare">
        <thead>
            <tr style="background: #EAF3EF">
                <th style="text-align: center" class="header">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblinsurancecomapny</th>
                <th><img src="@Url.Content("~/Content/0311/images/questionicon.png")" /></th>
                <th>@Fcom.VNInsurance.Web.LangResource.Layout.lblBenefit</th>
                <th>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblInsuranceMoneytext (@CurrentLang.MoneyUnit)</th>
                <th style="text-align: center">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblFarePerson<br />
                    (VND)</th>
                <th style="text-align: center">  @Fcom.VNInsurance.Web.LangResource.ContactLayout.lbljoin</th>
            </tr>
        </thead>
        <tbody>
            @if (Model.Count() > 0)
            {

                foreach (var cp in Model)
                {
                 
                <tr class="row">
                    <td style="text-align: center">
                        <div class="container" style="width: 200px">
                            <a href="@Url.Action("CompanyProductDetail", "CompanyProduct", new { ID = cp.CProductID, ComName = Fcom.VNInsurance.Web.Utils.Url.url_rewrite(cp.CompanyName), Name = Fcom.VNInsurance.Web.Utils.Url.url_rewrite(cp.ProductName) ,CatName= Fcom.VNInsurance.Web.Utils.Url.url_rewrite(LangCat.DisplayName)})">
                                @if (string.IsNullOrWhiteSpace(cp.ProductImage))
                                {
                                    <img alt="@cp.ProductName"  src="@Url.Content("~/Content/images/CompanyLogo/" + cp.CompanyLogo)" style="width:130px; height:80px" />
                                }
                                else
                                {
                                    <img alt="@cp.ProductName"  src="@Url.Content("~" + cp.ProductImage)" style="width:180px; height:80px" />
                                }
                            </a>
                            <br />

                            <b>@cp.CompanyName</b> @cp.ProductName


                        </div>
                    </td>
                    <td style="text-align:center">
                         <a href="#"><img src="@Url.Content("~/Content/0311/images/doc_32.png")" /></a> <br />
                        @if(cp.showGaras)
                        {
                         <a href="#"><img src="@Url.Content("~/Content/0311/images/handy-icon.png")" width="32px"  height="32px"/></a> <br />
                        }
                        @if(cp.showHopitals)
                        {
                         <a href="#"><img src="@Url.Content("~/Content/0311/images/hospital-icon.png")" /></a> <br />
                        }
                         <a href="@Url.Action("CompanyProductDetail", "CompanyProduct", new { ID = cp.CProductID, ComName = Fcom.VNInsurance.Web.Utils.Url.url_rewrite(cp.CompanyName), Name = Fcom.VNInsurance.Web.Utils.Url.url_rewrite(cp.ProductName) ,CatName= Fcom.VNInsurance.Web.Utils.Url.url_rewrite(LangCat.DisplayName)})"><img src="@Url.Content("~/Content/0311/images/get_info.png")" /></a>
                    </td>
                    <td valign="top">
                        <div class="container" style="padding: 15px; width: 270px;">@Html.Raw(HttpUtility.HtmlDecode(cp.Benefit))</div>
                    </td>
                    <td style="text-align: center">
                        <div class="container" style="font-weight: bold; color: #1D045E; width: 100px;">
                            @String.Format("{0:#,###}", cp.InsuranceMoney)
                        </div>
                    </td>
                    <td style="text-align: center">
                        <div class="container" style="font-weight: bold; color: #1D045E; width: 100px">@String.Format("{0:#,###}", cp.Fare)</div>
                    </td>
                    <td style="text-align: center"><a href="@Url.Action("Apply", "CompanyProduct", new {ID=cp.CProductID})" class="btn btn-lg btn-success">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblApply>></a><br />
                        <a class="btnviewmore" onclick="return viewmore(this);" style="font-size:11px" href="#trnext@(cp.CProductID)">@Fcom.VNInsurance.Web.LangResource.Layout.lblMoreinfo</a>
                    </td>
                </tr>
                <tr id="trnext@(cp.CProductID)" class="hiddentr  nexttr" rel="">
                    <td colspan="6">
                        <div class="container more-info-top">

                            <div class="more-info-wrapper">
                                <h4>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblbenefitandfuture</h4>
                                <div class="item-list">

                                    <div class="item-list">
                                        @Html.Raw(HttpUtility.HtmlDecode(cp.MoreInfo))
                                    </div>
                                </div>
                            </div>
                            <div class="more-info-wrapper">
                                <h4>@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblconditiontojoin</h4>
                                <div class="item-list">
                                    @Html.Raw(HttpUtility.HtmlDecode(cp.Condition))
                                </div>
                            </div>


                        </div>

                    </td>
                </tr> 
                    i++;
                }
            }
            else
            {
                <tr>
                    <td colspan="6">Updating...</td>
                </tr> 
            }
        </tbody>
    </table>
</div>
<div style="padding-left: 30px; padding-right: 30px; padding-top: 10px; line-height: 25px;" class="ctcontainer">
    @Html.Raw(HttpUtility.HtmlDecode(LangProduct.DisplayIntro))
    <br />
    <p id="vnquestion-fb">@Fcom.VNInsurance.Web.LangResource.ContactLayout.lblIfhaveQuestion</p>

</div>
<div class="container">
    <div class="accright">

        <div id="disqus_thread"></div>
        <script type="text/javascript">
            /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
            var disqus_shortname = 'vnbaohiemcom'; // required: replace example with your forum shortname

            /* * * DON'T EDIT BELOW THIS LINE * * */
            (function () {
                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
            })();
        </script>


    </div>

    <div class="accleft">

        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVnbaohiem&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 100%; height: 260px;" allowtransparency="true"></iframe>
        <div class="container">
            <!-- AddThis Button BEGIN -->
            <div class="addthis_toolbox addthis_default_style ">
                <a class="addthis_button_preferred_1"></a>
                <a class="addthis_button_preferred_2"></a>
                <a class="addthis_button_preferred_3"></a>
                <a class="addthis_button_preferred_4"></a>
                <a class="addthis_button_compact"></a>
                <a class="addthis_counter addthis_bubble_style"></a>
            </div>

            <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-52116863612dd7b2"></script>
            <!-- AddThis Button END -->
        </div>
    </div>

    <div style="clear: both"></div>
</div>
